<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
		<title>766-工程案例列表</title>
		<link rel="icon" href="${base}/favicon.ico" type="image/x-icon" />
		<link href="${base}/resources/mobile/css/style.css" rel="stylesheet" type="text/css" />
	</head>
	<body> 
		[#include "/pad/include/search.ftl" /]
		<div class="content container clearfix">
			<div class="left content_main">
				<nav class="head_nav clearfix">
					<div class="left classification">
						<label>分类：</label>
						<ul>
							<li><a href="list.jhtml" [#if typeId ==  null]class="selected_class"[/#if]>全部</a></li>
							[#list listPc as type]
								<li><a href="list.jhtml?typeId=${type.id}" [#if typeId == type.id]class="selected_class"[/#if]>${type.name}</a></li>
							[/#list]
						</ul>
					</div>
					<div class="right">
						<div>
							<span>共</span>
							<span class="red product_num" id="productNum">${page.total}</span>
							<span>个商品</span>
						</div>
						<div>
							<span>${page.pageNumber}</span>/
							<span>${page.totalPages}</span>
						</div>
						<!-- <div class="pagination_group">
							[#if page.pageNumber == 1]
								<span href="" class="">上一页</span>
								[#if page.totalPages == page.pageNumber]
									<span href="" class="">下一页</span>
								[#else]
									<a href="list.jhtml?pageNumber=${page.pageNumber+1}">下一页</a>
								[/#if]
							[#elseif page.pageNumber == page.totalPages]
								<a href="list.jhtml?pageNumber=${page.pageNumber-1}">上一页</a>
								<span href="" class="">下一页</span>
							[#else]
								<a href="list.jhtml?pageNumber=${page.pageNumber-1}">上一页</a>
								<a href="list.jhtml?pageNumber=${page.pageNumber+1}">下一页</a>
							[/#if]
						</div> -->
					</div>
				</nav>
				<form id="padFromId" action="${base}/pad/case/list.jhtml?typeId=${typeId}" method="get">
					<input id="pageNumber" type="hidden" name="pageNumber"/>
					<input type="hidden" name="typeId" value="${typeId}"/>
					<ul class="case_list con_list clearfix" id="caseList">
						[#list page.content as cas]
							<li>
								<a href="${base}/pad/cases/content.jhtml?id=${cas.id}">
									<img src="[#if cas.addresssImg??]${cas.addresssImg}"[#else]${setting.defaultMediumProductImage}[/#if]" />
									<p>${cas.name}</p>
									[#if cas.isCompleted]
										<label class="finished">已竣工</label>
									[#else]
										<label class="construction">施工中</label>
									[/#if]
								</a>
							</li>
						[/#list]
					</ul>
					[@pagination pageNumber = page.pageNumber totalPages = page.totalPages pattern = "javascript: $.pageSkip({pageNumber});"]
						[#include "/shop/include/pagination.ftl"]
					[/@pagination]
				</form>
			</div>
			[#include "/pad/include/aside.ftl" /]
		</div>
		[#include "/pad/include/footer.ftl" /]
	</body>
	<script type="text/javascript" src="${base}/resources/public/js/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="${base}/resources/mobile/js/common.js"></script>
	<script type="text/javascript">
		var base ="${base}";
		$().ready(function() {
			var $padFromId=$("#padFromId");//表单
			var $pageNumber=$("#pageNumber");//页码
			$.pageSkip = function(pageNumber) {
				$pageNumber.val(pageNumber);
				$padFromId.submit();
				return false;
			}
		});
	</script>
	<script type="text/javascript" src="${base}/resources/mobile/js/public.js"></script>
</html>
